{% extends "base.html" %}

{% block body %}

<div id="content">
    
    <div id="help">
        <h2>概要</h2>
        <div style="float:left;margin-right:30px;">
            <img src="/img/screenshot/kikuna.png" style="border:1px solid #999;" />
        </div>
        <p>「今度集まる場所をみんなに知らせたい！」「行った事のある観光地を記録したい」と思った事はありませんか？</p><p>このサービスでは <a href="http://maps.google.co.jp/maps" about="_blank">Google マップ</a>と連携して地図上にピン（マーカー）やメモを登録する事で他の人と共有したり、非公開にして自分だけ利用する事も出来ます。</p>
        <div style="clear:both;">&nbsp;</div>
    
        <h2>つかい方</h2>
        <p><a href="/">トップページ</a>の「登録」ボタンから地図情報登録ウインドウを表示します。</p>
        <img src="/img/screenshot/regist.png" style="border:1px solid #999;"/>
    
        <p>登録ウインドウでは「タイトル」「公開の有無」「経度」「緯度」「メモ」を登録します。地図をマウスで移動させるとピンの位置の「経度」「緯度」が自動的に入力されます。</p>
        <img src="/img/screenshot/nippa.png" style="border:1px solid #999;" />
        <p>「作成」ボタンを押すと情報が登録されます。「タイトル」「経度」「緯度」は必ず入力して下さい。</p><p>登録後はトップページに表示され、編集ページや削除へのリンクが作成されます。</p>
        <img src="/img/screenshot/nippa2.png" style="border:1px solid #999;" />
    
        <h2>ログインについて</h2>
        <p>Google アカウントを持っている方は <a href="{{ simple_login_url }}">Google のログインページ</a>からログインをして次の機能を利用する事が出来ます。</p>
    
        <ul>
            <li>登録したデータの非公開</li>
        </ul>
    </div>
</div>

{% endblock %}
